<template>
  <div>
    <div>{{num}}</div>
    <button @click="handleClick">点我加1</button>
  </div>
</template>

<script setup>

	import {ref, watchEffect} from 'vue';

	const num = ref(0);

	const handleClick = () => {
  	num.value++;
	};

	/*
	*  watchEffect 函数的作用：
	* 传入一个回调函数，回调函数中有响应数据发生变化时就重新执行
	*
	* */
	watchEffect(() => {
		const a = num.value;
		console.log("watchEffect 回调函数执行了。。", a);
  })

</script>
